<div class="m-l nav navbar-nav m-t block" style="width:400px;">
  <span>
		<a class="btn btn-xs btn-gray" [routerLink]="['../../']"><i class="fa fa-undo">返回</i></a>
	</span>
  <span>订单管理 ></span>
  <span>普通用户订单 ></span>
  <span>订单列表 ></span>
  <span>订单详情</span>
</div>

<div class="m-t-lg">
  <div class="wrapper-sm">
    <div class="panel panel-default">
      <div class="panel-body">
        <h3>订单编号: <span>{{data?.order_number}}</span></h3>
        <div>
          <div>手&nbsp;机&nbsp;号&nbsp;:&nbsp;{{data?.user_telephone}}</div>
          <div>订单时间:&nbsp;{{data?.created_at}} 至 {{data?.order_end_time}}</div>
          <p></p>
          <div>群组编号:&nbsp;{{data?.group_number}}</div>
          <div class="width-200 dib">柜门类型:&nbsp;{{data?.door_size}}</div>
          <div class="dib">柜门显示码:&nbsp;{{data?.door_name}}</div>
          <div>群组名称:&nbsp;{{data?.group_name}}</div>
          <div>群组地址:&nbsp;{{data?.group_address}}</div>
          <p></p>
          <div>订单状态:
            <span *ngIf="data?.order_status<0" class="no-padder">{{data?.order_status==-1?'无效订单':'待付款'}}</span>
            <span *ngIf="data?.order_status>=0" class="no-padder {{data?.order_status==0?'text-info':'text-success'}}">{{data?.order_status==0?'进行中':'完成'}}</span>
          </div>
          <div>支付状态:
            <span *ngIf="data?.order_status<0" class="no-padder">未支付</span>
            <span *ngIf="data?.order_status>=0" class="no-padder {{(data?.order_money>data?.order_real_money&&data?.order_status==1)?'text-danger':'text-success'}}">{{(data?.order_money>data?.order_real_money&&data?.order_status==1)?'欠费':'正常'}}</span></div>
          <div>退柜时间:
            <span *ngIf="data?.order_status<0" class="no-padder">{{data?.order_status==-1?'无效订单':'待付款'}}</span>
            <span *ngIf="data?.order_status>=0" class="no-padder {{data?.order_status==0?'text-info':''}}">{{data?.order_status==0?'进行中':data?.updated_at}}</span>
          </div>
          <div class="width-200 dib">预订时长:&nbsp;{{data?.order_use_time|hm}}</div>
          <div class="dib">使用时长:&nbsp;{{data?.order_use_real_time|hm}}</div>
          <div></div>
          <div class="width-200 dib">应付费用:&nbsp;{{data?.order_money}}元</div>
          <div class="dib">实付费用:&nbsp;{{data?.order_real_money}}元</div>
          <p></p>
        </div>
        <hr/>
        <h3>交易记录</h3>
        <div>
          <table class="table table-hover table-striped m-b-none default footable">
            <thead>
              <th>微信交易编号</th>
              <th>付款金额</th>
              <th>预订时长</th>
              <th>消费类型</th>
              <th>付款时间</th>
            </thead>
            <tbody>
              <tr *ngFor="let item of data?.records">
                <td>{{item.wx_id?item.wx_id:'未支付'}}</td>
                <td>{{item.money}}元</td>
                <td>{{item.use_time/60}}小时</td>
                <td>{{recordType[item.record_type-1]}}</td>
                <td>{{item.updated_at}}</td>
              </tr>
            </tbody>
          </table>
        </div>
        <hr/>
        <h3>临时取物</h3>
        <div>
          <table class="table table-hover table-striped m-b-none default footable">
            <tbody>
              <tr *ngFor="let item of data?.history;index as i">
                <td>{{i+1}}</td>
                <td>临时取物</td>
                <td>{{item.created_at}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>